<template>
  <div class="mayday">
    <!-- 首图 -->
    <banner :bdata="bannerData">
      <button class="banner_warp_item_bot">免费试用</button>
    </banner>

    <!-- 51客服系统能做什么 -->
    <doyou :dyData="dyList"></doyou>

    <!-- WhatsApp客服系统的优势 -->
    <advantage :advantage="tageList"></advantage>

    <!-- 客户案例 + 轮播 -->
    <khcase :lbata="lblist"></khcase>

    <!-- 51出海 -->
    <gotosea :sealist="seaData"></gotosea>

    <!-- 出海资讯 -->
    <outsea :lbata="seaHandel"></outsea>
  </div>
</template>

<script>
import banner from "@/components/banner"; //首图
import doyou from "@/components/doyou"; //51客服系统能做什么
import advantage from "@/components/advantage"; //WhatsApp客服系统的优势
import khcase from "@/components/khcase"; //客户案例
import gotosea from "@/components/gotosea"; //51出海
import outsea from "@/components/outsea"; //出海资讯+轮播

export default {
  name: "mayday",
  components: {
    banner,
    doyou,
    advantage,
    khcase,
    gotosea,
    outsea,
  },
  data() {
    return {
       bannerData: {
        bkImage: {
          backgroundSize: "100% auto",
          backgroundRepeat: "no-repeat",
          backgroundImage:
            "url(" +
            require("@/assets/product_page_title/top_page_51system_bg.png") +
            ")",
        },
        list: {
          title: "51客服系统",
          content:
            "可进行多国语言即时翻译、加粉计数、快捷回复的多功能出海客服辅助系统，兼容whatsApp、LINE、Zalo等海外社交聊天工具",
        },
      },
      dyList: {
        title: "51客服系统能做什么",
        list: [
          {
            tiname: "实时多国语言翻译",
            imgUrl: require("@/assets/Productpage_51/real_time_mulity_language_translate_img.png"),
            warp: [
              {
                url: require("@/assets/Productpage_51/icon_big_brand_translate_service.png"),
                name: "全球号码生成",
                duan: "51出海免费赠送全球号码生成器，可根据目标国家或地区号段，一键随机生成大批量目标区域手机号码",
              },
              {
                url: require("@/assets/Productpage_51/icon_global_language_translate.png"),
                name: "号码数据筛选",
                duan: "51出海提供筛选号码生数据服务，可以筛选号码数据中开通whatsapp账号、Lastseen活跃、性别、年龄等情况，获取更高质量的号码数据",
              },
              {
                url: require("@/assets/Productpage_51/icon_real_time_translate_clock.png"),
                name: "客户资源对接与测试",
                duan: "51出海免费赠送全球号码生成器，可根据目标国家或地区号段，一键随机生成大批量目标区域手机号码",
              },
            ],
          },
          {
            tiname: "会话涨粉计数",
            imgUrl: require("@/assets/Productpage_51/dialog_chat_fans_grow_img.png"),
            warp: [
              {
                url: require("@/assets/Productpage_51/icon_hi_precise_fans_grow_count.png"),
                name: "高精确涨粉计数",
                duan: "实时涨粉计数、会话情况计数",
              },
              {
                url: require("@/assets/Productpage_51/icon_multy_worksheet_promo_plan.png"),
                name: "多工单推广方案",
                duan: "支持多工单管理，掌握每一个渠道推广方案引流效果",
              },
              {
                url: require("@/assets/Productpage_51/icon_multy_port_task_parallel.png"),
                name: "多端口任务并行",
                duan: "支持多账号端口执行涨粉工单，分散引流账号，提高账号安全性",
              },
            ],
          },
          {
            tiname: "高效快捷回复",
            imgUrl: require("@/assets/Productpage_51/hi-effect_quke_chat_reply_redtextbox_img.png"),
            warp: [
              {
                url: require("@/assets/Productpage_51/icon_preset_quick_words.png"),
                name: "预设快捷话术",
                duan: "常用话术、Q&A可一键点击发送，提高客服效率",
              },
              {
                url: require("@/assets/Productpage_51/icon_tag_union_words.png"),
                name: "标签化统一管理话术",
                duan: "所有快捷话术可设置不同标签，根据不同客服阶段选择相应标签快速找到目标话术",
              },
              {
                url: require("@/assets/Productpage_51/icon_automatic_reply.png"),
                name: "自动回复",
                duan: "好友通过自动回复，添加客服秒对接，把握引流私域的最初黄金时段引导客户成交",
              },
            ],
          },
        ],
      },
      tageList: {
        title: "WhatsApp客服系统的优势",
        list: [
          {
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/whatsApp_puzzle_limg.png"),
            name: "WhatsApp底层协议",
            content:
              "专业技术团队whatsapp技术底层开发，同步更新官方版本，系统稳定性高",
          },
          {
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/global_target_user_get_img.png"),
            name: "全球精准客户资源获取",
            content:
              "生成任意地区号码,筛选活跃开通账号，消息群发最终转化精准客户资源",
          },
          {
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/marketing_chain_support_img.png"),
            name: "营销全链路技术支持",
            content:
              "获取数据、转化客户资源、群发推广短信、营销客户服务全程技术支持",
          },
          {
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/lowcost_promotion_channel_img.png"),
            name: "更低成本的推广渠道",
            content:
              "对比Facebook、Google等渠道投放或电商平台的内部投放，可以更有效压缩获客成本",
          },
        ],
      },
      lblist: {
        theme: "客户案例",
        imgUrl: require("@/assets/Homepage_desktop/client_case_hand_shake_img.png"),
        list: [
          {
            img: require("@/assets/Product_page_whatsapp_desktop/user_comment_image1.png"),
            title: "虚拟产品卖家",
            param:
              "我们做虚拟产品的要做常规推广限制很多，51出海团队为我们提供了WhatsApp群发技术，让我们可以稳定地找到客户源。",
          },
          {
            img: require("@/assets/Product_page_whatsapp_desktop/user_comment_image2.png"),
            title: "独立站站长",
            param:
              "一直想找到个低成本又有效的推广方法。与51出海合作把WhatsAPP私域做起来后，我们做持续的复购，把成本摊得比纯投推广更低，效果显著。",
          },
          {
            img: require("@/assets/Product_page_whatsapp_desktop/user_comment_image3.png"),
            title: "亚马逊服装店长",
            param:
              "我们通过51出海的Facebook拓实做站外推广，逐渐积攒下了一大批FB和WS的私域粉丝。多亏了这个操作，我们抵抗住了封店潮的风险。",
          },
        ],
      },
      seaData: {
        title: "51出海",
        twotitle: "转为跨境流量服务",
        imgUrl: require("@/assets/Homepage_desktop/data_pie_img.png"),
        list: [
          {
            name: "触达国家",
            num: "200",
            geshu: "个",
            fuhao: "+",
          },
          {
            name: "触达用户",
            num: "20",
            geshu: "亿",
            fuhao: "+",
          },
          {
            name: "日均拓客",
            num: "10",
            geshu: "万",
            fuhao: "+",
          },
          {
            name: "服务客户",
            num: "50000",
            geshu: "个",
            fuhao: "+",
          },
        ],
      },
      seaHandel: {
        theme: "出海资讯",
        list: [
          {
            img: require("@/assets/news.png"),
            title: "如何正确使用翻译软件，以下技巧请查阅后使用",
            param:
              "51客服系统的WhatsApp、LINE客服聊天端，对接全球顶尖互联网公司翻译数据库，支持全球200+数语言互相翻译，系统自动侦测源语言，只需选择...",
          },
          {
            img: require("@/assets/news.png"),
            title: "如何正确使用翻译软件，以下技巧请查阅后使用",
            param:
              "51客服系统的WhatsApp、LINE客服聊天端，对接全球顶尖互联网公司翻译数据库，支持全球200+数语言互相翻译，系统自动侦测源语言，只需选择...",
          },
          {
            img: require("@/assets/news.png"),
            title: "如何正确使用翻译软件，以下技巧请查阅后使用",
            param:
              "51客服系统的WhatsApp、LINE客服聊天端，对接全球顶尖互联网公司翻译数据库，支持全球200+数语言互相翻译，系统自动侦测源语言，只需选择...",
          },
          
        ],
      },
    };
  },
};
</script>

<style scoped>
.mayday /deep/ .banner_warp_item_h2{
    margin-top: 80px;
}
.mayday /deep/ .banner_warp_item_p > p{
    font-size: 1.3em;
    width: 70%;
}
.mayday /deep/ .banner_warp_item_botton{
    margin-top: 120px;
}
</style>